<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>notification</title>
    <link rel="stylesheet" type="text/css" href="notification.css" />
</head>
<body>
<div id="wrapper">
            <div id="header">
                <%@include file="header.html"%>
            </div>

<div id="wideColumn">
  </br></br></br><h1>Your Recent Notifications</h1>
  <div id="older">
    <h4 class="translate crossBar"></h4>
    <ul>
      <li class="unread_false">
  
        <a href="/user/15588189/checkin/4ea75296dab48494d86695e5" class="target_checkin">
          <img class="catImg" src="https://img-s.foursquare.com/userpix_thumbs/15YJXTCB4IJHE02B.jpg" alt="" height="50" width="50">
          <p>
            <em>Dongjoo Ko</em>
            commented on your check-in at 
            <em>McDonald's</em>
            
            <br>
            <strong>
              <img class="icon" src="https://foursquare.com/img/notifications/icons/17/comments.png" alt="" height="16" width="16">
              November 2
            </strong>
          </p>
        </a>
      </li>
      <li class="unread_false">
        <a href="/user/1246762" class="target_user">
          <img class="catImg" src="https://img-s.foursquare.com/userpix_thumbs/ILHEW3PKVXQL5RA1.jpg" alt="" height="50" width="50">
          <p>
            good news: 
            <em>Jin-Woong Hwang</em>
            sent you a friend request.
            <br>
            <strong>
              <img class="icon" src="https://foursquare.com/img/notifications/icons/17/comments.png" alt="" height="16" width="16">
              November 2
            </strong>
          </p>
        </a>

    </ul>
  </div>
</div>
          <div id="footer">
                <%@include file="footer.html"%>
            </div>
        </div> <!-- wrapper end -->
</body>
</html>